$(document).ready(function() {
	getAskReceiveDataTable();

});

function getAskReceiveDataTable() {

	$('#AskReceiveDataTable')
			.DataTable(
					{
						"oLanguage" : {
							"oPaginate" : {
								"sFirst" : "หน้าแรก",// ปุ่มกลับมาหน้าแรก
								"sLast" : "หนัาสุดท้าย",// ปุ่มไปหน้าสุดท้าย
								"sNext" : "ถัดไป", // ปุ่มหน้าถัดไป
								"sPrevious" : "ก่อนหน้า" // ปุ่ม กลับ
							},
							"sLengthMenu" : "แสดง _MENU_ รายการ ต่อหน้า",
							"sZeroRecords" : "ไม่พบข้อมูลที่ค้นหา",
							"sInfo" : "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
							"sEmptyTable" : "ไม่พบรายการข้อมูล",
							"sLoadingRecords" : "ระบบกำลังประมวลผล กรุณารอซักครู่",
							"sProcessing" : "ประมวลผลข้อมูล",
							"sInfoEmpty" : "ไม่พบรายการข้อมูลที่แสดง",
							"sInfoFiltered" : "(จากทั้งหมด _MAX_ รายการ)",
							"sSearch" : "ค้นหา :"
						},
						searching : true,
						"aoColumns" : [
								{
									"sTitle" : "ลำดับ",
									sClass : "alignCenter",
									sWidth : '5%',
									"bSortable" : false
								},
								{
									"sTitle" : "เลขที่ใบเสร็จ",
									sWidth : '12%',
									"bSortable" : false
								},
								{
									"sTitle" : "วัน - เวลาที่รับเงิน",
									sWidth : '18%',
									"bSortable" : false
								},
								{
									"sTitle" : "ทะเบียนผู้ใช้น้ำ",
									sWidth : '15%',
									"bSortable" : false
								},
								{
									"sTitle" : "ชื่อ - สกุล",
									sWidth : '22%',
									"bSortable" : false
								},
								{
									"sTitle" : "จำนวนเงิน",
									sClass : "alignCenter table-action",
									sWidth : '12%',
									"bSortable" : false
								},
								{
									"sTitle" : "สถานะ",
									sClass : "alignCenter table-action",
									sWidth : '8%',
									"bSortable" : false,
									"mRender" : function(data, type, full) {
										if(data == "ยกเลิก"){
											return '<label style="font-weight: normal; color: red;">'+data+'</label>';
										}else{
											return '<label style="font-weight: normal;">'+data+'</label>';
										}
										
										
									}
								},
								{
									"sTitle" : "ดูข้อมูล",
									sClass : "alignCenter table-action",
									sWidth : '10%',
									"bSortable" : false,
									"mRender" : function(data, type, full) {
										return '<i onclick="showData(\''+ data+'\')" class="fa fa-search" data-toggle="tooltip" data-placement="top" title="ดูข้อมูล"></i>';
									}
								} ],
						// "bPaginate" : true,
						// "bInfo" : true,
						"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
						"bLengthChange" : true, // แสดงจำนวน record
						// ที่จะแสดงในตาราง
						"iDisplayLength" : 10, // กำหนดค่า default ของจำนวน
						// record
						"bScrollCollapse" : true,
						"aLengthMenu" : [ [ 10, 25, 50, 100, -1 ], // จำนวนที่แสดงในตาราง
						[ 10, 25, 50, 100, "ทั้งหมด" ] // จำนวนที่ให้เลือก
						],
						"bProcessing" : true, // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์
						// getDataTable มาทำงาน
						// โดยเอาข้อมูลที่ได้มาแสดงใน
						// table
						"bServerSide" : true,
						"sDom" : 'Rlfrtip',
						"sAjaxSource" : "CS55002Srvl?process_type=getDataTable"

					});
}
function showData(pnSerialNumber) {
	
	$.ajax({           	
		url : "CS55001Srvl?process_type=getReceiveDetail",
		type : "POST",
		data: {
			pnSerialNumber : pnSerialNumber
			
			},
		async : false,
		dataType: "json",
		success : function(result) { 
			
			$("#ReceiveDetailTable").html(result.ReceiveDetailTable);
			$('#ReceiveDetailModal').modal();
			
		}
	
	});
	

	

}

function searchData() {

	var paSartDate = $("#datetimepicker1").val();
	var paEndDate = $("#datetimepicker2").val();
	var paAccount = $("#inputAccount").val();
	var paStatus = $("#selectStatus").val();
	if (paSartDate == "" && paEndDate == "" && paAccount == "") {

		$("#modal_content_Date").html(
				"กรุณาเลือกวันที่เริ่มต้นและวันที่สิ้นสุด");
		$('#failDateModal').modal();

	} else if (paSartDate == "" && paAccount == "" ) {

		$("#modal_content_Date").html("กรุณาเลือกวันที่เริ่มต้น");
		$('#failDateModal').modal();

	} else if (paEndDate == "" && paAccount == "") {

		$("#modal_content_Date").html("กรุณาเลือกวันที่สิ้นสุด");
		$('#failDateModal').modal();

	}else if(paEndDate == "" && paSartDate != "" && paAccount != ""){
		$("#modal_content_Date").html("กรุณาเลือกวันที่สิ้นสุด");
		$('#failDateModal').modal();
	}else if(paEndDate != "" && paSartDate == "" && paAccount != ""){
		$("#modal_content_Date").html("กรุณาเลือกวันที่เริ่มต้น");
		$('#failDateModal').modal();
	} else if (parseInt(paSartDate.substring(6, 10)
			+ paSartDate.substring(3, 5) + paSartDate.substring(0, 2)) > parseInt(paEndDate
			.substring(6, 10)
			+ paEndDate.substring(3, 5) + paEndDate.substring(0, 2))) {
		$("#modal_content_Date").html("วันที่สิ้นสุดต้องมากกว่าหรือเท่ากับวันที่เริ่มต้น");
		$('#failDateModal').modal();
	}else{
		
		$('#AskReceiveDataTable').DataTable().column(0).search(paSartDate);
		$('#AskReceiveDataTable').DataTable().column(1).search(paEndDate);
		$('#AskReceiveDataTable').DataTable().column(2).search(paAccount);
		$('#AskReceiveDataTable').DataTable().column(3).search(paStatus);
		$('#AskReceiveDataTable').DataTable().draw();
	}

	
}
function getFocus() {

	$(".close").trigger("click");
	var paSartDate = $("#datetimepicker1").val();
	var paEndDate = $("#datetimepicker2").val();
	var paAccount = $("#inputAccount").val();
	if (paSartDate == "" && paEndDate == "" && paAccount == "") {

		document.getElementById("datetimepicker1").focus();

	} else if (paSartDate == "") {

		document.getElementById("datetimepicker1").focus();

	} else if (paEndDate == "") {

		document.getElementById("datetimepicker2").focus();

	}else if (parseInt(paSartDate.substring(6, 10)
			+ paSartDate.substring(3, 5) + paSartDate.substring(0, 2)) > parseInt(paEndDate
					.substring(6, 10)
					+ paEndDate.substring(3, 5) + paEndDate.substring(0, 2))) {
		document.getElementById("datetimepicker2").focus();
		
			}

}
